import React from 'react';
interface FilterTabsProps {
  categories: string[];
  activeCategory: string;
  onCategoryChange: (category: string) => void;
}
export function FilterTabs({
  categories,
  activeCategory,
  onCategoryChange
}: FilterTabsProps) {
  return <div className="bg-white border-b">
      <div className="container mx-auto px-4">
        <div className="flex overflow-x-auto py-4 no-scrollbar">
          {categories.map(category => <button key={category} onClick={() => onCategoryChange(category)} className={`px-5 py-2 rounded-md mr-2 whitespace-nowrap transition-colors ${activeCategory === category ? 'bg-[#d4a373] text-white font-medium' : 'bg-[#f8f9fa] hover:bg-[#e9ecef] text-[#343a40] font-medium'}`}>
              {category}
            </button>)}
        </div>
      </div>
    </div>;
}